<template>
    <div class="card gradeModelSelect">
        <Form ref="formData" :model="formData" :label-width="100">
            <Row v-if="modalData.elementEditType === '0'">
                <Col span="6">
                    <FormItem label="要素值">
                        <!-- <Input v-model="formData.elementValue" placeholder /> -->
                        <Select v-model="formData.elementValue" placeholder>
                            <Option v-for="(item,index) in dataDict" :key="index" :value="item.value">{{ item.title }}
                            </Option>
                        </Select>
                    </FormItem>
                </Col>
            </Row>
            <Row v-else-if="modalData.elementEditType === '1'">
                <Col span="6">
                    <FormItem label="要素下限值">
                        <!-- <Input v-model="formData.lowLimit" placeholder /> -->
                        <!--                         :max="formData.highLimitBack" :min="formData.lowLimitBack" -->
                        <InputNumber v-model="formData.lowLimit"/>
                    </FormItem>
                </Col>
                <Col span="6">
                    <FormItem label="是否包含-下限">
                        <Checkbox v-model="formData.isLowLimit"></Checkbox>
                    </FormItem>
                </Col>
                <Col span="6">
                    <FormItem label="要素上限值">
                        <!-- <Input v-model="formData.highLimit" placeholder />  :max="formData.highLimitBack" :min="formData.lowLimitBack"-->
                        <InputNumber v-model="formData.highLimit"/>
                    </FormItem>
                </Col>
                <Col span="6">
                    <FormItem label="是否包含-上限">
                        <Checkbox v-model="formData.isHighLimit"></Checkbox>
                    </FormItem>
                </Col>
            </Row>
        </Form>
    </div>
</template>

<script>
export default {
    name: 'GradeSelect',
    props: {
        formData: {
            type: Object,
            required: true
        },
        modalData: {
            type: Object,
            required: true
        },
        dataDict: {
            type: Array,
            required: true
        }
    }
}
</script>

<style>
</style>
